import { DEFAULT_LIMIT } from '@/constants'
import { helpers } from '@/lib/trpc'
import StudioView from '@/modules/studio/views/studio-view'
import React from 'react'

export default function Page() {

    void helpers.studio.getMany.prefetchInfinite({
        limit: DEFAULT_LIMIT,
    })

    return (
        <div className='flex flex-col gap-y-6 pt-2.5'>
            <div className='px-4'>
                <h1 className='text-2xl font-bold'>Channel content</h1>
                <p className='text-xs text-muted-foreground'>Manage your channel content and videos</p>
            </div>
            <StudioView />
        </div>
    )
}
